<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<jsp:useBean id="stringUtil" class="com.wlcj.www.util.StringUtil" scope="page" />
<!doctype html>
<html  lang="zh-CN">
<head>
<meta charset="utf-8">
<title>p2p网贷平台排名-p2p投资理财公司排名-p2p贷款平台</title>
<meta name="keywords" content="p2p网贷平台" />
<meta name="description" content="未来网贷提供p2p网贷平台排名、理财公司排名,为您提供最具参考价值的P2P网贷平台数据" />
<link rel="shortcut icon" type="/image/x-icon" href="${basePath }images/favicon.ico" />
<link rel="stylesheet" href="${basePath }css/public.css"/>
<link rel="stylesheet" href="${basePath }css/news.css"/>
<link rel="stylesheet" href="${basePath }css/index_rightfloat.css" />
<script src="${basePath }js/jquery-1.8.2.min.js"></script>
<script src="${basePath }js/headsearch.js"></script>

</head>
<body>

<div id="page-top">
	<jsp:include page="/include/top.jsp"/>
</div>

<!--banner广告-->
<div class="ad">
<c:forEach items="${guanggaowei}" var="guanggaowei">
<c:if test="${guanggaowei.content_id == 2453 }">
	<a href="${guanggaowei.link}"><img src="${imgHost }${guanggaowei.title_img}" ></a>
</c:if>
</c:forEach>
</div>
<!--头部结束-->

<!--正文begin-->
<div id="section">
  <div class="frame">
    <!--未来网评-->
    <div class="news-headline">
      <h3 class="wangping"><a href="${basePath }/column/daily" target="_blank">未来网评</a></h3>
      <ul>
      <c:forEach items="${wangping }" var="list">
        <a href="${basePath }/article/${list.content_id}" target="_blank"><img src="${imgHost}${list.title_img}" ></a>
        <li class="title"><a href="${basePath }/article/${list.content_id}" target="_blank">${list.title}</a></li>
        <li>${stringUtil.textCut(list.description, "50", "...")}</li>
        <li class="color_gray"><span class="color_yellow">${list.author }</span> &#8226; <fmt:formatDate value="${list.sort_date}" pattern="yyyy/MM/dd"/></li>
        </c:forEach>       
      </ul>
    </div> 
    <!--大佬访谈-->
    <div class="news-headline">
      <h3 class="fantan"><a href="${basePath }/column/dalaofangtan" target="_blank">大佬访谈</a></h3>
      <ul>
      <c:forEach items="${dalao }" var="list">
        <a href="${basePath }/article/${list.content_id}" target="_blank" title="${list.title}"><img src="${imgHost}${list.title_img}" ></a>
        <li class="title"><a href="${basePath }/article/${list.content_id}" target="_blank">${list.title}</a></li>
        <li>${stringUtil.textCut(list.description, "50", "...")}</li>
        <li class="color_gray"><span class="color_yellow">${list.author }</span> &#8226; <fmt:formatDate value="${list.sort_date}" pattern="yyyy/MM/dd"/></li>
       </c:forEach>       
      </ul>
      
    </div> 
    <!--漫话金融-->
    <div class="news-headline marginright-0">
      <h3 class="manhua"><a href="${basePath }/column/jjsd" target="_blank">漫话金融</a></h3>
      <ul>
      <c:forEach items="${manhua }" var="list">
        <a href="${basePath }/article/${list.content_id}" target="_blank"><img src="${imgHost}${list.title_img}" ></a>
        <li class="title"><a href="${basePath }/article/${list.content_id}" target="_blank">${list.title}</a></li>
        <li>${stringUtil.textCut(list.description, "50", "...")}</li>
        <li class="color_gray"><span class="color_yellow">${list.author }</span> &#8226; <fmt:formatDate value="${list.sort_date}" pattern="yyyy/MM/dd"/></li>
        </c:forEach>       
      </ul>
    </div>
       
  </div>
  <div class="line"></div>
  <!--焦点图片新闻-->
  <div class="frame">
    <div class="frame-left">    
      <div class="focus-pic" id="focus-pic">
      </div>
    </div>
    <!--专栏-->
    <div class="frame-right">
      <div class="nav-title1"><a href="${basePath }/column/zhuanlan" target="_blank">专栏</a><span></span></div>
      <div class="zhuanlan-list" id="zhuanlan">
      </div>
    </div>
  </div>  
  <!--资讯-->
  <div class="frame">
    <div class="frame-left" id="frame-news">
      <!-- 列表 -->  
   </div>
    <jsp:include page="../newsList/news_right.jsp" />
  </div>

  <div class="clear"></div>
</div>
<jsp:include page="/include/footer.jsp"/>
</body>

<script src="${basePath }js/news_slidedoor.js"></script>
<script src="${basePath }js/index_rightfloat.js"></script>
<script type="text/javascript">
	$(function(){
		 // 图文推荐
		  $.ajax({
				type: "post",
				dataType:'html',
				data:{"channel_id":"180","count":"6"},//176
				url: "${basePath}/news/tuwentuijian",
				success: function(data){
					 $("#focus-pic").html(data);
				}
	 	  });
			$.ajax({
					type:"post",
					url:"${basePath}/news/getList",
					dataType:"html",
					success:function(data){
						$("#frame-news").html(data);
						
					}
				});
		// 加载更多
		$(document).on("click",".lookmore",function(){
			//alert($(".news-tab-list").parent().attr("class"));
			$(".news-tab-list").each(function(n,value){
				cla = $(this).parent().attr("class");
				if(cla=='dis'){
					//alert()
					var text = $(this).parent().attr("text");
					var start =  $(this).find("dl").size();
					//alert($(this).find("dl").size())
					 $.ajax({
						type:"post",
						url:"${basePath}/news/getPageList",
						data:{"start":start,"cid":text},
						dataType:"html",
						success:function(data){
							$("#"+text+"").find("dl").last().after(data);
							//$("#"+text+"").append(data);
							var total = $("#total").text();
							//$("#"+text+"").find("dl").size()
							var size = $("#"+text+"").find("dl").size();
							if(size>=total){
								$("#"+text+"").find("div").hide();
							}
						}
					});  
				}
			});
			 
		});
	});
</script>
<script>
	<!--专栏-->
	$(document).on("mouseover", ".zhuanlan-list ul", function(){
		$(this).children('.zhuanlan-text').removeClass('dis').addClass('undis');				
		$(this).children('.zhuanlan-imgtext').removeClass('undis').addClass('dis');
		$(this).siblings().find('.zhuanlan-imgtext').removeClass('dis').addClass('undis');
		$(this).siblings().find('.zhuanlan-text').removeClass('undis').addClass('dis');
		$(this).children('.num').css('margin-top','50px');	
		$(this).siblings().children('.num').css('margin-top','0px');
	});
	<!--财智阅读-->
	$(document).on("mouseover", ".yuedu-list ul", function(){
		$(this).children('.yuedu-text').removeClass('dis').addClass('undis');				
		$(this).children('.yuedu-imgtext').removeClass('undis').addClass('dis');
		$(this).siblings().find('.yuedu-imgtext').removeClass('dis').addClass('undis');
		$(this).siblings().find('.yuedu-text').removeClass('undis').addClass('dis');
		$(this).children('.num').css('margin-top','50px');	
		$(this).siblings().children('.num').css('margin-top','0px');									
	});
	
</script>

</html>
   	